<template>
    <view class="u-page">
        <view class="u-demo-block">
            <view class="u-demo-block__content">
                <view class="album">
                    <view class="album__avatar">
                        <image
                            src="https://oneredhealth.oss-cn-hangzhou.aliyuncs.com/2023/10/16/7fab9966118946a5904ab3c664b50210.png"
                            mode=""
                            style="width: 32px; height: 32px"
                        ></image>
                    </view>
                    <view class="album__content">
                        <u--text
                            text="十蜂健康"
                            type="primary"
                            bold
                            size="17"
                        ></u--text>
                        <u--text
                            margin="0 0 8px 0"
                            :text="infoDetail.videoIntro"
                        ></u--text>
                        <u-album
                            :urls="infoDetail.videoCover"
                            multipleSize="90"
                        ></u-album>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import { baseUrl } from "@/config/tendIdConfig";
export default {
    data() {
        return {
            infoDetail: "",
            albumWidth: 0,
        };
    },
    onLoad(o) {
        const id = o.id;
        const that = this;
        uni.request({
            url:
                baseUrl +
                "/customer/video_info_customer_share/open/getWinTheCustomerShare/" +
                id,
            method: "get",
            success(res) {
                const { code, data } = res.data;
                if (code === 200 && data) {
                    data.videoCover = data.videoCover.split(",");
                    that.infoDetail = data;
                }
            },
        });
    },
    methods: {
        withFun(w) {
            console.log("w :>>--------- ", w);
        },
    },
};
</script>

<style lang="scss">
.u-page {
    padding: 40rpx;
    height: 100vh;
    overflow: scroll;
    background: #fff;
}
.album {
    @include flex;
    align-items: flex-start;
    &__content {
        margin-left: 10px;
        flex: 1;
    }
}
</style>
